/* 代码块 */
/* 👇编辑区与导出预览共用样式👇 */
.b3-typography pre,
.protyle-wysiwyg pre,
.b3-typography .code-block,
.protyle-wysiwyg .code-block {
  /* 块背景颜色 */
  background-color: var(--custom-block-code-background-color);
}
.b3-typography pre > .hljs,
.protyle-wysiwyg pre > .hljs,
.b3-typography .code-block > .hljs,
.protyle-wysiwyg .code-block > .hljs {
  /* 编辑区 */
  background-color: transparent;
}
/* 👆编辑区与导出预览共用样式👆 */
/* 👇导出预览样式👇 */
.b3-typography .protyle-linenumber__rows,
.b3-typography .hljs {
  padding: 0.5em;
}
/* 👆导出预览样式👆 */
/* 👇编辑区样式👇 */
.protyle-wysiwyg [data-node-id].code-block {
  margin: 0.5em 0;
  flex-wrap: wrap;
}
.protyle-wysiwyg [data-node-id].code-block > .protyle-action {
  /* 功能按钮栏 */
  position: sticky;
  width: 100%;
  justify-content: end;
  right: 0;
  top: 0;
}
.protyle-wysiwyg [data-node-id].code-block > .protyle-action > span {
  /* 功能按钮 */
  opacity: unset;
}
.protyle-wysiwyg [data-node-id].code-block > .protyle-action > span.protyle-icon {
  /* 按钮图标 */
}
.protyle-wysiwyg [data-node-id].code-block > .protyle-action > span.protyle-action__language {
  /* 语言标签 */
  margin: 3px 0.5em 0 !important;
  font-size: 75%;
  line-height: normal;
}
.protyle-wysiwyg [data-node-id].code-block > .protyle-action > span.fn__flex-1 {
  /* 间隔 */
  flex: 0;
}
.protyle-wysiwyg [data-node-id].code-block > .hljs {
  /* 代码块主体 */
  background-color: transparent;
  margin-top: -24px;
  padding-top: 24px;
  padding-bottom: 24px;
}
.protyle-wysiwyg [data-node-id].code-block > .protyle-linenumber__rows {
  /* 行号 */
  margin-top: -24px;
  padding-top: 24px;
  padding-bottom: 24px;
  border-right: var(--custom-block-code-linenumber-separator-width) solid var(--custom-block-code-linenumber-separator-color);
  background-color: var(--custom-block-code-linenumber-background-color);
}
.protyle-wysiwyg [data-node-id].code-block > .protyle-attr {
  /* 块属性 */
  top: -16px;
}
.protyle-wysiwyg [data-node-id].code-block.protyle-wysiwyg--hl > .hljs,
.protyle-wysiwyg [data-node-id].code-block.protyle-wysiwyg--select > .hljs,
.protyle-wysiwyg [data-node-id].code-block.protyle-wysiwyg--hl > .protyle-linenumber__rows,
.protyle-wysiwyg [data-node-id].code-block.protyle-wysiwyg--select > .protyle-linenumber__rows {
  /* 被选中代码块的样式 */
  background-color: transparent !important;
}
.protyle-wysiwyg--hl .code-block .hljs {
  /* 上级块被选中的代码块样式 */
  background-color: transparent !important;
}
/* 👆编辑区样式👆 */
/* 代码块编辑时不闪(v1.8.9 已修复)
 * REF https: //github.com/Achuan-2/siyuan-themes-tsundoku-light/blob/1aaa19fa3e6eebca4cb59606317d4bf1a23b0109/theme.css#L982
 */
/* .code-block .protyle-icons,
.code-block .protyle-icons .protyle-action__copy,
.code-block:hover .protyle-icons,
.code-block:hover .protyle-icons .protyle-action__copy {
    opacity: 1 !important;
} */
